/*
 * This file is only for overriding Bootstrap 4 variables.
 * Please add any new variables to variables.scss
 */

$secondary: $gray-10;
$input-disabled-bg: $gray-10;
$input-border-color: $gray-400;
$input-color: $gl-text-color-default;
$input-font-size: $gl-font-size;
$font-family-sans-serif: $regular-font;
$font-family-monospace: $monospace-font;
$btn-line-height: 20px;
$table-accent-bg: $gray-10;
$table-border-color: $gl-border-color-default;
$card-border-color: $gl-border-color-default;
$card-cap-bg: $gray-10 !default;
$success: $green-500;
$info: $blue-500;
$warning: $orange-500;
$danger: $red-500;
$zindex-modal-backdrop: 1040;
$zindex-duo-chat: 1040;
$zindex-duo-callout: 600;
$nav-divider-margin-y: ($grid-size * 0.5);
$dropdown-item-padding-y: 8px;
$dropdown-item-padding-x: 12px;
$popover-max-width: 300px;
$popover-border-width: 1px;
$popover-border-color: $gl-border-color-default;
$popover-box-shadow: 0 $border-radius-small $gl-border-radius-base 0 $gl-color-alpha-dark-8;
$popover-arrow-outer-color: $gl-color-alpha-dark-8;
$h1-font-size: 14px * 2.5;
$h2-font-size: 14px * 2;
$h3-font-size: 14px * 1.75;
$h4-font-size: 14px * 1.5;
$h5-font-size: 14px * 1.25;
$h6-font-size: 14px;
$headings-color: $gl-text-color-heading;
$headings-font-weight: $gl-font-weight-bold;
$spacer: $grid-size;
$spacers: (
  0: 0,
  1: ($spacer * 0.5),
  2: ($spacer),
  3: ($spacer * 2),
  4: ($spacer * 3),
  5: ($spacer * 4),
  6: ($spacer * 5),
  7: ($spacer * 6),
  8: ($spacer * 7),
  9: ($spacer * 8)
);
$tooltip-padding-y: 0.5rem;
$tooltip-padding-x: 0.75rem;
$tooltip-arrow-height: 0.5rem;
$tooltip-arrow-width: 1rem;
